<template>
	<view>
		<!-- 1.父传子 ：父：传递属性  孩子：props([]|{}) -->
			<!-- <son-comp name="妲己"></son-comp> -->
		<!-- 2.子传父 ：父：传递事件  孩子：$emit -->
			<!-- <son-comp name="妲己" @channel="getSon"></son-comp> -->	
		<!-- 3.非父子组件 ：中央事件监听总线 $on $once $emit  $off-->
			<son-comp name="妲己" @channel="getSon"></son-comp>
			<brother-comp></brother-comp>
	</view>
</template>

<script>
	// 引入son组件和brother
	import sonComp from "@/components/son.vue"
	import brotherComp from "@/components/brother.vue"
	export default {
		// 注册组件
		components:{
			sonComp,
			brotherComp
		},
		data() {
			return {
				
			}
		},
		methods: {
			// 监听孩子传值
			getSon(info){
				console.log('孩子传递数据：',info)
			}
		}
	}
</script>

<style>

</style>
